/**
 * Dear programmer:
 * When I wrote this code, only god and I knew how it worked.
 * Now, only god knows it!
 *
 * @author: Pegasus  Date: 2018/11/24 Time: 01:09
 */

import {Dimensions, StyleSheet} from 'react-native';
import {
    COLOR_GRAY_BACKGROUND,
    COLOR_WHITE,
    FONT_COLOR_SUB_TITLE,
    FONT_COLOR_TITLE,
    FONT_SIZE_14, FONT_SIZE_TITLE
} from "../../../../../constant/PHColors"
import {SCREEN_WIDTH,SCREEN_HEIGHT} from "../../../../../constant/PHScreen"
import {Header} from "react-navigation";

export const styles = StyleSheet.create({

    body:{
      backgroundColor:'#FAFAFA',
      flex:1,

    },

    bodyContainer:{
        backgroundColor:'#FAFAFA',
        marginBottom:45,
    },

    boxTitle:{
        height: 90,
        width: SCREEN_WIDTH,
        flexDirection: 'column',
        backgroundColor: 'white',
        borderColor: '#FAFAFA',
        borderLeftWidth: 5,
        borderTopWidth: 0,
        borderRightWidth: 5,
        borderBottomWidth: 5,
        justifyContent:'center',
    },

    titleTop:{
        justifyContent: 'center',
    },

    titleTopText:{
        fontSize: 20,
        color: 'black',
        marginLeft: 15
    },

    titleBottom: {
        marginTop:10,
        marginLeft: 15,
        marginRight: 20,
        justifyContent: 'center',
    },

    titleBottomText: {
        fontSize: 18,
        color: '#999999'
    },

    boxContainer:{
        height: 200,
        width: SCREEN_WIDTH,
        flexDirection: 'column',
        backgroundColor: 'white',
        borderColor: '#FAFAFA',
        borderLeftWidth: 5,
        borderTopWidth: 0,
        borderRightWidth: 5,
        borderBottomWidth: 5,
        justifyContent:'space-around',
    },

    container:{
        marginTop:5,
        marginBottom:5,
        marginRight: 20,
        justifyContent: 'center',
        flexDirection:'row'
    },

    containerName:{
        fontSize: 20,
        color: '#999999',
        marginLeft: 15,
        flex: 0.3,
    },

    containerText:{
        fontSize: 20,
        color: 'black',
        marginLeft: 15,
        flex: 0.7,
    },

    containerText_image:{
        fontSize: 20,
        color: '#1f60ff',
        marginLeft: 15,
        flex: 0.7,
    },

    dealPeople:{
        fontSize: 20,
        color: '#1f60ff',
    },

    dealPeopleDel:{
        position:'absolute',
        justifyContent: 'center',
        alignItems: 'center',
        right:0,
        top:7,
    },

    boxRemark:{
        width: SCREEN_WIDTH,
        flexDirection: 'column',
        backgroundColor: 'white',
        borderColor: '#FAFAFA',
        borderLeftWidth: 5,
        borderTopWidth: 0,
        borderRightWidth: 5,
        borderBottomWidth: 5,
    },

    remark:{
        marginTop:10,
        marginBottom:10,
        marginRight: 20,
        justifyContent: 'center',
        flexDirection:'row'
    },

    modalContainer: {
        flex: 1,
        backgroundColor: 'rgba(0, 0, 0, 0.3)'
    },

    modalBox:{
        alignItems:'center',
        height:150,
        backgroundColor:'white',
        marginTop: (Dimensions.get('window').height/2)-100,
        marginLeft: SCREEN_WIDTH/6,
        marginRight: SCREEN_WIDTH/6,
        width: SCREEN_WIDTH*2/3,
        borderRadius:10,
    },

    modalTitle:{
        borderBottomColor:'#4C70FF',
        borderBottomWidth:2,
        height:50,
        width:SCREEN_WIDTH*2/3,
        alignItems:'center',
        justifyContent:'center',
    },

    modalTitleText:{
        fontSize:20,
        color:'black',
    },

    modalTitleTextNum:{
        fontSize:20,
        color:'#4C70FF',
    },

    modalCenter:{
        borderBottomColor:'#E5ECED',
        borderBottomWidth:1,
        height:50,
        width:SCREEN_WIDTH*2/3,
        alignItems:'center',
        justifyContent:'center',
    },

    modalBottom:{
        height:50,
        width:SCREEN_WIDTH*2/3,
        alignItems:'center',
        justifyContent:'center',
    },

    bottomContainer: {
        height: 32,
        backgroundColor: 'white',
        justifyContent: 'center',
        alignItems: 'flex-end',
        borderRightWidth:20,
        borderColor:'white',
    },

    bottomContainerText: {
        fontSize: FONT_SIZE_14,
        color: FONT_COLOR_SUB_TITLE,
        marginLeft: 15
    },

    bodyBottom:{
        height:40,
        width:SCREEN_WIDTH,
        bottom:5,
        alignItems:'center',
        justifyContent:'flex-start',
        position:'absolute',
        backgroundColor:'#ffffff',
        flexDirection:'row'
    },

    bodyBottomLeft:{
        marginLeft:SCREEN_WIDTH/24,
        marginRight:SCREEN_WIDTH/24,
        width:SCREEN_WIDTH/8,
        backgroundColor:'#6f6f6f',
        height:40,
        borderRadius: 5,
        alignItems:'center',
        justifyContent: 'center',
    },

    bodyBottomRight:{
        width:SCREEN_WIDTH*6/8,
        backgroundColor:'#1f60ff',
        height:40,
        borderRadius: 5,
        alignItems:'center',
        justifyContent: 'center',
    },

    cellTitleText: {
        fontSize: 20,
        color: '#ffffff',
        marginBottom: 1,
        textAlign:'center',
    },
});